﻿<!DOCTYPE html>
<html>
  <head>
    <title>首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/首页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/首页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u48" class="ax_default box_1">
        <div id="u48_div" class=""></div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u49" class="ax_default _图片1">
        <img id="u49_img" class="img " src="images/首页/u49.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u50" class="ax_default _图片1">
        <img id="u50_img" class="img " src="images/首页/u49.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u51" class="ax_default _图片1">
        <img id="u51_img" class="img " src="images/首页/u49.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u52" class="ax_default _图片1">
        <img id="u52_img" class="img " src="images/首页/u49.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u53" class="ax_default _图片1">
        <img id="u53_img" class="img " src="images/首页/u49.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u54" class="ax_default _图片1">
        <img id="u54_img" class="img " src="images/首页/u49.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u55" class="ax_default _图片1">
        <img id="u55_img" class="img " src="images/首页/u49.png"/>
      </div>

      <!-- Unnamed (A4) -->

      <!-- Unnamed (图片) -->
      <div id="u57" class="ax_default _图片">
        <img id="u57_img" class="img " src="images/首页/u57.jpg"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u58" class="ax_default" data-left="168" data-top="221" data-width="752" data-height="1299">

        <!-- Unnamed (矩形) -->
        <div id="u59" class="ax_default box_1">
          <div id="u59_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u60" class="ax_default line">
          <img id="u60_img" class="img " src="images/首页/u60.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u61" class="ax_default box_1">
          <div id="u61_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u62" class="ax_default" data-left="198" data-top="1385" data-width="660" data-height="135">

          <!-- Unnamed (图片) -->
          <div id="u63" class="ax_default _图片">
            <img id="u63_img" class="img " src="images/首页/u63.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u64" class="ax_default _图片">
            <img id="u64_img" class="img " src="images/首页/u64.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u65" class="ax_default _图片">
            <img id="u65_img" class="img " src="images/首页/u65.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u66" class="ax_default _图片">
            <img id="u66_img" class="img " src="images/首页/u66.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u67" class="ax_default _形状">
          <img id="u67_img" class="img " src="images/首页/u67.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u68" class="ax_default" data-left="192" data-top="238" data-width="31" data-height="22">

          <!-- Unnamed (矩形) -->
          <div id="u69" class="ax_default _形状">
            <div id="u69_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u70" class="ax_default _形状">
            <div id="u70_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u71" class="ax_default _形状">
            <div id="u71_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u72" class="ax_default _形状">
            <div id="u72_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u73" class="ax_default _形状">
            <div id="u73_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u74" class="ax_default _形状">
          <div id="u74_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u75" class="ax_default _形状">
          <div id="u75_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u76" class="ax_default _形状">
          <div id="u76_div" class=""></div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u77" class="ax_default _文本段落" data-label="Header 2">
          <div id="u77_div" class=""></div>
          <div id="u77_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u78" class="ax_default _文本段落" data-label="Header 2">
          <div id="u78_div" class=""></div>
          <div id="u78_text" class="text ">
            <p><span>12:45 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u79" class="ax_default box_1">
          <div id="u79_div" class=""></div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u80" class="ax_default icon">
          <img id="u80_img" class="img " src="images/首页/u80.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u81" class="ax_default" data-left="191" data-top="299" data-width="61" data-height="48">

          <!-- Unnamed (水平线) -->
          <div id="u82" class="ax_default line">
            <img id="u82_img" class="img " src="images/首页/u82.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u83" class="ax_default line">
            <img id="u83_img" class="img " src="images/首页/u83.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u84" class="ax_default line">
            <img id="u84_img" class="img " src="images/首页/u82.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u85" class="ax_default line">
            <img id="u85_img" class="img " src="images/首页/u83.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u86" class="ax_default line">
            <img id="u86_img" class="img " src="images/首页/u82.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u87" class="ax_default line">
            <img id="u87_img" class="img " src="images/首页/u83.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u88" class="ax_default line">
            <img id="u88_img" class="img " src="images/首页/u88.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u89" class="ax_default line">
            <img id="u89_img" class="img " src="images/首页/u83.png"/>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u90" class="ax_default line">
            <img id="u90_img" class="img " src="images/首页/u90.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u91" class="ax_default" data-left="223" data-top="721" data-width="612" data-height="621">

          <!-- Unnamed (图片) -->
          <div id="u92" class="ax_default _图片">
            <img id="u92_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u93" class="ax_default label">
            <div id="u93_div" class=""></div>
            <div id="u93_text" class="text ">
              <p><span>热销</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u94" class="ax_default _图片">
            <img id="u94_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u95" class="ax_default _图片">
            <img id="u95_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u96" class="ax_default _图片">
            <img id="u96_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u97" class="ax_default _图片">
            <img id="u97_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u98" class="ax_default _图片">
            <img id="u98_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u99" class="ax_default _图片">
            <img id="u99_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u100" class="ax_default _图片">
            <img id="u100_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u101" class="ax_default _图片">
            <img id="u101_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u102" class="ax_default _图片">
            <img id="u102_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u103" class="ax_default _图片">
            <img id="u103_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u104" class="ax_default _图片">
            <img id="u104_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u105" class="ax_default _图片">
            <img id="u105_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u106" class="ax_default _图片">
            <img id="u106_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u107" class="ax_default _图片">
            <img id="u107_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u108" class="ax_default _图片">
            <img id="u108_img" class="img " src="images/首页/u92.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u109" class="ax_default label">
            <div id="u109_div" class=""></div>
            <div id="u109_text" class="text ">
              <p><span>书友推荐</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u110" class="ax_default label">
            <div id="u110_div" class=""></div>
            <div id="u110_text" class="text ">
              <p><span>小说</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u111" class="ax_default label">
            <div id="u111_div" class=""></div>
            <div id="u111_text" class="text ">
              <p><span>青春</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u112" class="ax_default label">
            <div id="u112_div" class=""></div>
            <div id="u112_text" class="text ">
              <p><span>教科书</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u113" class="ax_default label">
            <div id="u113_div" class=""></div>
            <div id="u113_text" class="text ">
              <p><span>新书</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u114" class="ax_default label">
            <div id="u114_div" class=""></div>
            <div id="u114_text" class="text ">
              <p><span>名著</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u115" class="ax_default label">
            <div id="u115_div" class=""></div>
            <div id="u115_text" class="text ">
              <p><span>国外</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u116" class="ax_default label">
            <div id="u116_div" class=""></div>
            <div id="u116_text" class="text ">
              <p><span>漫画绘本</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u117" class="ax_default label">
            <div id="u117_div" class=""></div>
            <div id="u117_text" class="text ">
              <p><span>治愈</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u118" class="ax_default label">
            <div id="u118_div" class=""></div>
            <div id="u118_text" class="text ">
              <p><span>听书</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u119" class="ax_default label">
            <div id="u119_div" class=""></div>
            <div id="u119_text" class="text ">
              <p><span>免费</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u120" class="ax_default label">
            <div id="u120_div" class=""></div>
            <div id="u120_text" class="text ">
              <p><span>搞笑</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u121" class="ax_default label">
            <div id="u121_div" class=""></div>
            <div id="u121_text" class="text ">
              <p><span>悲伤</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u122" class="ax_default label">
            <div id="u122_div" class=""></div>
            <div id="u122_text" class="text ">
              <p><span>恐怖</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u123" class="ax_default label">
            <div id="u123_div" class=""></div>
            <div id="u123_text" class="text ">
              <p><span>会员</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u124" class="ax_default _图片">
          <img id="u124_img" class="img " src="images/首页/u124.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u125" class="ax_default" data-left="1062" data-top="221" data-width="752" data-height="1299">

        <!-- Unnamed (组合) -->
        <div id="u126" class="ax_default" data-left="1063" data-top="221" data-width="751" data-height="1299">

          <!-- Unnamed (矩形) -->
          <div id="u127" class="ax_default box_1">
            <div id="u127_div" class=""></div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u128" class="ax_default line">
            <img id="u128_img" class="img " src="images/首页/u60.png"/>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u129" class="ax_default" data-left="1092" data-top="1385" data-width="660" data-height="135">

            <!-- Unnamed (图片) -->
            <div id="u130" class="ax_default _图片">
              <img id="u130_img" class="img " src="images/首页/u63.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u131" class="ax_default _图片">
              <img id="u131_img" class="img " src="images/首页/u64.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u132" class="ax_default _图片">
              <img id="u132_img" class="img " src="images/首页/u65.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u133" class="ax_default _图片">
              <img id="u133_img" class="img " src="images/首页/u66.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u134" class="ax_default _形状">
            <img id="u134_img" class="img " src="images/首页/u67.png"/>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u135" class="ax_default" data-left="1086" data-top="238" data-width="31" data-height="22">

            <!-- Unnamed (矩形) -->
            <div id="u136" class="ax_default _形状">
              <div id="u136_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u137" class="ax_default _形状">
              <div id="u137_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u138" class="ax_default _形状">
              <div id="u138_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u139" class="ax_default _形状">
              <div id="u139_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u140" class="ax_default _形状">
              <div id="u140_div" class=""></div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u141" class="ax_default _形状">
            <div id="u141_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u142" class="ax_default _形状">
            <div id="u142_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u143" class="ax_default _形状">
            <div id="u143_div" class=""></div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u144" class="ax_default _文本段落" data-label="Header 2">
            <div id="u144_div" class=""></div>
            <div id="u144_text" class="text ">
              <p><span>MUX</span></p>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u145" class="ax_default _文本段落" data-label="Header 2">
            <div id="u145_div" class=""></div>
            <div id="u145_text" class="text ">
              <p><span>12:45 PM</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u146" class="ax_default" data-left="1092" data-top="1054" data-width="690" data-height="238">

            <!-- Unnamed (矩形) -->
            <div id="u147" class="ax_default label">
              <div id="u147_div" class=""></div>
              <div id="u147_text" class="text ">
                <p><span>书友在看</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u148" class="ax_default _图片">
              <img id="u148_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u149" class="ax_default _图片">
              <img id="u149_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u150" class="ax_default _图片">
              <img id="u150_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u151" class="ax_default _图片">
              <img id="u151_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u152" class="ax_default label">
              <div id="u152_div" class=""></div>
              <div id="u152_text" class="text ">
                <p><span>换一批</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u153" class="ax_default" data-left="1092" data-top="748" data-width="690" data-height="238">

            <!-- Unnamed (矩形) -->
            <div id="u154" class="ax_default label">
              <div id="u154_div" class=""></div>
              <div id="u154_text" class="text ">
                <p><span>热销书籍</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u155" class="ax_default _图片">
              <img id="u155_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u156" class="ax_default _图片">
              <img id="u156_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u157" class="ax_default _图片">
              <img id="u157_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u158" class="ax_default _图片">
              <img id="u158_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u159" class="ax_default label">
              <div id="u159_div" class=""></div>
              <div id="u159_text" class="text ">
                <p><span>换一批</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u160" class="ax_default" data-left="1092" data-top="442" data-width="690" data-height="238">

            <!-- Unnamed (矩形) -->
            <div id="u161" class="ax_default label">
              <div id="u161_div" class=""></div>
              <div id="u161_text" class="text ">
                <p><span>猜你喜欢</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u162" class="ax_default _图片">
              <img id="u162_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u163" class="ax_default _图片">
              <img id="u163_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u164" class="ax_default _图片">
              <img id="u164_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u165" class="ax_default _图片">
              <img id="u165_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u166" class="ax_default label">
              <div id="u166_div" class=""></div>
              <div id="u166_text" class="text ">
                <p><span>换一批</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u167" class="ax_default _图片">
              <img id="u167_img" class="img " src="images/首页/u167.png"/>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u168" class="ax_default" data-left="1062" data-top="277" data-width="720" data-height="95">

          <!-- Unnamed (组合) -->
          <div id="u169" class="ax_default" data-left="1062" data-top="277" data-width="720" data-height="95">

            <!-- Unnamed (矩形) -->
            <div id="u170" class="ax_default box_1">
              <div id="u170_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u171" class="ax_default box_1">
              <div id="u171_div" class=""></div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u172" class="ax_default" data-left="1085" data-top="301" data-width="61" data-height="48">

              <!-- Unnamed (水平线) -->
              <div id="u173" class="ax_default line">
                <img id="u173_img" class="img " src="images/首页/u82.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u174" class="ax_default line">
                <img id="u174_img" class="img " src="images/首页/u83.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u175" class="ax_default line">
                <img id="u175_img" class="img " src="images/首页/u82.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u176" class="ax_default line">
                <img id="u176_img" class="img " src="images/首页/u83.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u177" class="ax_default line">
                <img id="u177_img" class="img " src="images/首页/u82.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u178" class="ax_default line">
                <img id="u178_img" class="img " src="images/首页/u83.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u179" class="ax_default line">
                <img id="u179_img" class="img " src="images/首页/u88.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u180" class="ax_default line">
                <img id="u180_img" class="img " src="images/首页/u83.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u181" class="ax_default line">
                <img id="u181_img" class="img " src="images/首页/u90.png"/>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u182" class="ax_default label">
            <div id="u182_div" class=""></div>
            <div id="u182_text" class="text ">
              <p><span>筛选</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u183" class="ax_default icon">
            <img id="u183_img" class="img " src="images/首页/u80.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u184" class="ax_default" data-left="1957" data-top="212" data-width="751" data-height="1299">

        <!-- Unnamed (组合) -->
        <div id="u185" class="ax_default" data-left="1957" data-top="212" data-width="751" data-height="1299">

          <!-- Unnamed (矩形) -->
          <div id="u186" class="ax_default box_1">
            <div id="u186_div" class=""></div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u187" class="ax_default line">
            <img id="u187_img" class="img " src="images/首页/u60.png"/>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u188" class="ax_default" data-left="1986" data-top="1376" data-width="660" data-height="135">

            <!-- Unnamed (图片) -->
            <div id="u189" class="ax_default _图片">
              <img id="u189_img" class="img " src="images/首页/u63.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u190" class="ax_default _图片">
              <img id="u190_img" class="img " src="images/首页/u64.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u191" class="ax_default _图片">
              <img id="u191_img" class="img " src="images/首页/u65.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u192" class="ax_default _图片">
              <img id="u192_img" class="img " src="images/首页/u66.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u193" class="ax_default _形状">
            <img id="u193_img" class="img " src="images/首页/u67.png"/>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u194" class="ax_default" data-left="1980" data-top="229" data-width="31" data-height="22">

            <!-- Unnamed (矩形) -->
            <div id="u195" class="ax_default _形状">
              <div id="u195_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u196" class="ax_default _形状">
              <div id="u196_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u197" class="ax_default _形状">
              <div id="u197_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u198" class="ax_default _形状">
              <div id="u198_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u199" class="ax_default _形状">
              <div id="u199_div" class=""></div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u200" class="ax_default _形状">
            <div id="u200_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u201" class="ax_default _形状">
            <div id="u201_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u202" class="ax_default _形状">
            <div id="u202_div" class=""></div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u203" class="ax_default _文本段落" data-label="Header 2">
            <div id="u203_div" class=""></div>
            <div id="u203_text" class="text ">
              <p><span>MUX</span></p>
            </div>
          </div>

          <!-- Header 2 (矩形) -->
          <div id="u204" class="ax_default _文本段落" data-label="Header 2">
            <div id="u204_div" class=""></div>
            <div id="u204_text" class="text ">
              <p><span>12:45 PM</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u205" class="ax_default" data-left="1986" data-top="1045" data-width="690" data-height="238">

            <!-- Unnamed (矩形) -->
            <div id="u206" class="ax_default label">
              <div id="u206_div" class=""></div>
              <div id="u206_text" class="text ">
                <p><span>书友在看</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u207" class="ax_default _图片">
              <img id="u207_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u208" class="ax_default _图片">
              <img id="u208_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u209" class="ax_default _图片">
              <img id="u209_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u210" class="ax_default _图片">
              <img id="u210_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u211" class="ax_default label">
              <div id="u211_div" class=""></div>
              <div id="u211_text" class="text ">
                <p><span>换一批</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u212" class="ax_default" data-left="1986" data-top="739" data-width="690" data-height="238">

            <!-- Unnamed (矩形) -->
            <div id="u213" class="ax_default label">
              <div id="u213_div" class=""></div>
              <div id="u213_text" class="text ">
                <p><span>热销书籍</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u214" class="ax_default _图片">
              <img id="u214_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u215" class="ax_default _图片">
              <img id="u215_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u216" class="ax_default _图片">
              <img id="u216_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u217" class="ax_default _图片">
              <img id="u217_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u218" class="ax_default label">
              <div id="u218_div" class=""></div>
              <div id="u218_text" class="text ">
                <p><span>换一批</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u219" class="ax_default" data-left="1986" data-top="433" data-width="690" data-height="238">

            <!-- Unnamed (矩形) -->
            <div id="u220" class="ax_default label">
              <div id="u220_div" class=""></div>
              <div id="u220_text" class="text ">
                <p><span>猜你喜欢</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u221" class="ax_default _图片">
              <img id="u221_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u222" class="ax_default _图片">
              <img id="u222_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u223" class="ax_default _图片">
              <img id="u223_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u224" class="ax_default _图片">
              <img id="u224_img" class="img " src="images/首页/u148.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u225" class="ax_default label">
              <div id="u225_div" class=""></div>
              <div id="u225_text" class="text ">
                <p><span>换一批</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u226" class="ax_default" data-left="1957" data-top="269" data-width="720" data-height="95">

          <!-- Unnamed (组合) -->
          <div id="u227" class="ax_default" data-left="1957" data-top="269" data-width="720" data-height="95">

            <!-- Unnamed (矩形) -->
            <div id="u228" class="ax_default box_1">
              <div id="u228_div" class=""></div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u229" class="ax_default box_1">
              <div id="u229_div" class=""></div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u230" class="ax_default" data-left="1980" data-top="293" data-width="61" data-height="48">

              <!-- Unnamed (水平线) -->
              <div id="u231" class="ax_default line">
                <img id="u231_img" class="img " src="images/首页/u82.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u232" class="ax_default line">
                <img id="u232_img" class="img " src="images/首页/u83.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u233" class="ax_default line">
                <img id="u233_img" class="img " src="images/首页/u82.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u234" class="ax_default line">
                <img id="u234_img" class="img " src="images/首页/u83.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u235" class="ax_default line">
                <img id="u235_img" class="img " src="images/首页/u82.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u236" class="ax_default line">
                <img id="u236_img" class="img " src="images/首页/u83.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u237" class="ax_default line">
                <img id="u237_img" class="img " src="images/首页/u88.png"/>
              </div>

              <!-- Unnamed (垂直线) -->
              <div id="u238" class="ax_default line">
                <img id="u238_img" class="img " src="images/首页/u83.png"/>
              </div>

              <!-- Unnamed (水平线) -->
              <div id="u239" class="ax_default line">
                <img id="u239_img" class="img " src="images/首页/u90.png"/>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u240" class="ax_default label">
            <div id="u240_div" class=""></div>
            <div id="u240_text" class="text ">
              <p><span>筛选</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u241" class="ax_default icon">
            <img id="u241_img" class="img " src="images/首页/u80.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u242" class="ax_default box_1">
          <div id="u242_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u243" class="ax_default box_1">
          <div id="u243_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u244" class="ax_default label">
          <div id="u244_div" class=""></div>
          <div id="u244_text" class="text ">
            <p><span>筛选</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u245" class="ax_default label">
          <div id="u245_div" class=""></div>
          <div id="u245_text" class="text ">
            <p><span>年份</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u246" class="ax_default line">
          <img id="u246_img" class="img " src="images/首页/u246.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u247" class="ax_default" data-left="1983" data-top="957" data-width="466" data-height="171">

          <!-- Unnamed (矩形) -->
          <div id="u248" class="ax_default label">
            <div id="u248_div" class=""></div>
            <div id="u248_text" class="text ">
              <p><span>性质</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u249" class="ax_default box_1">
            <div id="u249_div" class=""></div>
            <div id="u249_text" class="text ">
              <p><span>全部</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u250" class="ax_default box_1">
            <div id="u250_div" class=""></div>
            <div id="u250_text" class="text ">
              <p><span>会员</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u251" class="ax_default box_1">
            <div id="u251_div" class=""></div>
            <div id="u251_text" class="text ">
              <p><span>免费</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u252" class="ax_default box_1">
            <div id="u252_div" class=""></div>
            <div id="u252_text" class="text ">
              <p><span>可听书</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u253" class="ax_default box_1">
          <div id="u253_div" class=""></div>
          <div id="u253_text" class="text ">
            <p><span>重置</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u254" class="ax_default box_1">
          <div id="u254_div" class=""></div>
          <div id="u254_text" class="text ">
            <p><span>完成</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u255" class="ax_default box_1">
          <div id="u255_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u256" class="ax_default line">
          <img id="u256_img" class="img " src="images/首页/u256.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u257" class="ax_default box_1">
          <div id="u257_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u258" class="ax_default" data-left="1983" data-top="526" data-width="466" data-height="170">

          <!-- Unnamed (矩形) -->
          <div id="u259" class="ax_default label">
            <div id="u259_div" class=""></div>
            <div id="u259_text" class="text ">
              <p><span>语言</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u260" class="ax_default box_1">
            <div id="u260_div" class=""></div>
            <div id="u260_text" class="text ">
              <p><span>全部</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u261" class="ax_default box_1">
            <div id="u261_div" class=""></div>
            <div id="u261_text" class="text ">
              <p><span>英语</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u262" class="ax_default box_1">
            <div id="u262_div" class=""></div>
            <div id="u262_text" class="text ">
              <p><span>其他</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u263" class="ax_default box_1">
            <div id="u263_div" class=""></div>
            <div id="u263_text" class="text ">
              <p><span>中文</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u264" class="ax_default" data-left="1983" data-top="742" data-width="468" data-height="169">

          <!-- Unnamed (矩形) -->
          <div id="u265" class="ax_default label">
            <div id="u265_div" class=""></div>
            <div id="u265_text" class="text ">
              <p><span>类型</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u266" class="ax_default box_1">
            <div id="u266_div" class=""></div>
            <div id="u266_text" class="text ">
              <p><span>全部</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u267" class="ax_default box_1">
            <div id="u267_div" class=""></div>
            <div id="u267_text" class="text ">
              <p><span>治愈</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u268" class="ax_default box_1">
            <div id="u268_div" class=""></div>
            <div id="u268_text" class="text ">
              <p><span>搞笑</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u269" class="ax_default box_1">
            <div id="u269_div" class=""></div>
            <div id="u269_text" class="text ">
              <p><span>悲伤</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u270" class="ax_default box_1">
            <div id="u270_div" class=""></div>
            <div id="u270_text" class="text ">
              <p><span>恐怖</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u271" class="ax_default box_1">
            <div id="u271_div" class=""></div>
            <div id="u271_text" class="text ">
              <p><span>古风</span></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u272" class="ax_default" data-left="2850" data-top="212" data-width="751" data-height="1280">

        <!-- Unnamed (矩形) -->
        <div id="u273" class="ax_default box_1">
          <div id="u273_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u274" class="ax_default line">
          <img id="u274_img" class="img " src="images/首页/u60.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u275" class="ax_default _形状">
          <img id="u275_img" class="img " src="images/首页/u67.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u276" class="ax_default" data-left="2873" data-top="229" data-width="31" data-height="22">

          <!-- Unnamed (矩形) -->
          <div id="u277" class="ax_default _形状">
            <div id="u277_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u278" class="ax_default _形状">
            <div id="u278_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u279" class="ax_default _形状">
            <div id="u279_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u280" class="ax_default _形状">
            <div id="u280_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u281" class="ax_default _形状">
            <div id="u281_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u282" class="ax_default _形状">
          <div id="u282_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u283" class="ax_default _形状">
          <div id="u283_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u284" class="ax_default box_1">
          <div id="u284_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u285" class="ax_default _形状">
          <div id="u285_div" class=""></div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u286" class="ax_default _文本段落" data-label="Header 2">
          <div id="u286_div" class=""></div>
          <div id="u286_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u287" class="ax_default _文本段落" data-label="Header 2">
          <div id="u287_div" class=""></div>
          <div id="u287_text" class="text ">
            <p><span>12:45 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u288" class="ax_default label">
          <div id="u288_div" class=""></div>
          <div id="u288_text" class="text ">
            <p><span>返回</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u289" class="ax_default icon">
          <img id="u289_img" class="img " src="images/首页/u289.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u290" class="ax_default box_1">
          <div id="u290_div" class=""></div>
          <div id="u290_text" class="text ">
            <p><span>免费试读</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u291" class="ax_default box_1">
          <div id="u291_div" class=""></div>
          <div id="u291_text" class="text ">
            <p><span>听书</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u292" class="ax_default box_1">
          <div id="u292_div" class=""></div>
          <div id="u292_text" class="text ">
            <p><span>加入书架</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u293" class="ax_default box_1">
          <div id="u293_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u294" class="ax_default" data-left="2858" data-top="1373" data-width="705" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u295" class="ax_default box_1">
            <div id="u295_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u296" class="ax_default" data-left="2858" data-top="386" data-width="705" data-height="372">

          <!-- Unnamed (矩形) -->
          <div id="u297" class="ax_default box_1">
            <div id="u297_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u298" class="ax_default" data-left="2882" data-top="417" data-width="657" data-height="195">

          <!-- Unnamed (图片) -->
          <div id="u299" class="ax_default _图片">
            <img id="u299_img" class="img " src="images/首页/u167.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u300" class="ax_default label">
            <div id="u300_div" class=""></div>
            <div id="u300_text" class="text ">
              <p><span>看见</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u301" class="ax_default label">
            <div id="u301_div" class=""></div>
            <div id="u301_text" class="text ">
              <p><span>柴静</span></p>
            </div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u302" class="ax_default ellipse">
            <img id="u302_img" class="img " src="images/首页/u302.png"/>
            <div id="u302_text" class="text ">
              <p><span>实</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u303" class="ax_default" data-left="3044" data-top="567" data-width="135" data-height="41">

            <!-- Unnamed (椭圆形) -->
            <div id="u304" class="ax_default ellipse">
              <img id="u304_img" class="img " src="images/首页/u304.png"/>
              <div id="u304_text" class="text ">
                <p><span>电</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u305" class="ax_default label">
              <div id="u305_div" class=""></div>
              <div id="u305_text" class="text ">
                <p><span style="text-decoration:underline;">7书币</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u306" class="ax_default label">
            <div id="u306_div" class=""></div>
            <div id="u306_text" class="text ">
              <p><span style="text-decoration:underline;">22书币</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u307" class="ax_default label">
            <div id="u307_div" class=""></div>
            <div id="u307_text" class="text ">
              <p><span style="text-decoration:underline;">加入清单</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u308" class="ax_default" data-left="3048" data-top="488" data-width="491" data-height="81">

            <!-- Unnamed (矩形) -->
            <div id="u309" class="ax_default label">
              <div id="u309_div" class=""></div>
              <div id="u309_text" class="text ">
                <p><span>该书既是柴静个人的成长告白书,某种程度上亦可视作中国社会十年变迁的备忘录。图书简介该书讲述柴静央视十年历程的自传性作品....</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u310" class="ax_default label">
              <div id="u310_div" class=""></div>
              <div id="u310_text" class="text ">
                <p><span style="text-decoration:underline;">...更多</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u311" class="ax_default" data-left="2891" data-top="639" data-width="660" data-height="94">

          <!-- Unnamed (组合) -->
          <div id="u312" class="ax_default" data-left="2891" data-top="639" data-width="660" data-height="94">

            <!-- Unnamed (组合) -->
            <div id="u313" class="ax_default" data-left="3106" data-top="639" data-width="230" data-height="94">

              <!-- Unnamed (矩形) -->
              <div id="u314" class="ax_default label">
                <div id="u314_div" class=""></div>
                <div id="u314_text" class="text ">
                  <p><span>阅读</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u315" class="ax_default" data-left="3106" data-top="639" data-width="230" data-height="65">

                <!-- Unnamed (矩形) -->
                <div id="u316" class="ax_default label">
                  <div id="u316_div" class=""></div>
                  <div id="u316_text" class="text ">
                    <p><span>7.1万人</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u317" class="ax_default" data-left="3321" data-top="639" data-width="230" data-height="94">

              <!-- Unnamed (矩形) -->
              <div id="u318" class="ax_default label">
                <div id="u318_div" class=""></div>
                <div id="u318_text" class="text ">
                  <p><span>求赠</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u319" class="ax_default" data-left="3321" data-top="639" data-width="230" data-height="65">

                <!-- Unnamed (矩形) -->
                <div id="u320" class="ax_default label">
                  <div id="u320_div" class=""></div>
                  <div id="u320_text" class="text ">
                    <p><span>3位书友拥有</span></p>
                  </div>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u321" class="ax_default" data-left="2891" data-top="639" data-width="230" data-height="94">

              <!-- Unnamed (矩形) -->
              <div id="u322" class="ax_default label">
                <div id="u322_div" class=""></div>
                <div id="u322_text" class="text ">
                  <p><span>评分</span></p>
                </div>
              </div>

              <!-- Unnamed (组合) -->
              <div id="u323" class="ax_default" data-left="2891" data-top="639" data-width="230" data-height="65">

                <!-- Unnamed (矩形) -->
                <div id="u324" class="ax_default label">
                  <div id="u324_div" class=""></div>
                  <div id="u324_text" class="text ">
                    <p><span>8.0&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u325" class="ax_default line">
            <img id="u325_img" class="img " src="images/首页/u325.png"/>
          </div>

          <!-- Unnamed (垂直线) -->
          <div id="u326" class="ax_default line">
            <img id="u326_img" class="img " src="images/首页/u325.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u327" class="ax_default" data-left="2966" data-top="655" data-width="140" data-height="28">

          <!-- Unnamed (星形) -->
          <div id="u328" class="ax_default ellipse">
            <img id="u328_img" class="img " src="images/首页/u328.png"/>
          </div>

          <!-- Unnamed (星形) -->
          <div id="u329" class="ax_default ellipse">
            <img id="u329_img" class="img " src="images/首页/u328.png"/>
          </div>

          <!-- Unnamed (星形) -->
          <div id="u330" class="ax_default ellipse">
            <img id="u330_img" class="img " src="images/首页/u328.png"/>
          </div>

          <!-- Unnamed (星形) -->
          <div id="u331" class="ax_default ellipse">
            <img id="u331_img" class="img " src="images/首页/u328.png"/>
          </div>

          <!-- Unnamed (星形) -->
          <div id="u332" class="ax_default ellipse">
            <img id="u332_img" class="img " src="images/首页/u332.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u333" class="ax_default" data-left="2858" data-top="772" data-width="705" data-height="64">

          <!-- Unnamed (矩形) -->
          <div id="u334" class="ax_default box_1">
            <div id="u334_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u335" class="ax_default" data-left="3051" data-top="783" data-width="320" data-height="41">

          <!-- Unnamed (矩形) -->
          <div id="u336" class="ax_default label">
            <div id="u336_div" class=""></div>
            <div id="u336_text" class="text ">
              <p><span>您的评分</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u337" class="ax_default" data-left="3173" data-top="783" data-width="198" data-height="40">

            <!-- Unnamed (星形) -->
            <div id="u338" class="ax_default ellipse">
              <img id="u338_img" class="img " src="images/首页/u338.png"/>
            </div>

            <!-- Unnamed (星形) -->
            <div id="u339" class="ax_default ellipse">
              <img id="u339_img" class="img " src="images/首页/u338.png"/>
            </div>

            <!-- Unnamed (星形) -->
            <div id="u340" class="ax_default ellipse">
              <img id="u340_img" class="img " src="images/首页/u338.png"/>
            </div>

            <!-- Unnamed (星形) -->
            <div id="u341" class="ax_default ellipse">
              <img id="u341_img" class="img " src="images/首页/u338.png"/>
            </div>

            <!-- Unnamed (星形) -->
            <div id="u342" class="ax_default ellipse">
              <img id="u342_img" class="img " src="images/首页/u342.png"/>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u343" class="ax_default" data-left="2858" data-top="850" data-width="705" data-height="274">

          <!-- Unnamed (矩形) -->
          <div id="u344" class="ax_default box_1">
            <div id="u344_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u345" class="ax_default label">
          <div id="u345_div" class=""></div>
          <div id="u345_text" class="text ">
            <p><span>精彩书评</span></p>
          </div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u346" class="ax_default line">
          <img id="u346_img" class="img " src="images/首页/u346.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u347" class="ax_default _图片">
          <img id="u347_img" class="img " src="images/首页/u347.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u348" class="ax_default label">
          <div id="u348_div" class=""></div>
          <div id="u348_text" class="text ">
            <p><span>AFM</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u349" class="ax_default label">
          <div id="u349_div" class=""></div>
          <div id="u349_text" class="text ">
            <p><span>“能独立地表达自己的观点，却不傲慢，对政治表示服从，却不卑躬屈膝。能积极地参与国家的政策，看到弱者知道同情，看到邪恶知道愤怒，我认为他才算是一个真正的公民。”</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u350" class="ax_default box_1">
          <img id="u350_img" class="img " src="images/首页/u350.png"/>
          <div id="u350_text" class="text ">
            <p><span>评论</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u351" class="ax_default box_1">
          <img id="u351_img" class="img " src="images/首页/u350.png"/>
          <div id="u351_text" class="text ">
            <p><span>添加书友</span></p>
          </div>
        </div>

        <!-- Unnamed (心形) -->
        <div id="u352" class="ax_default ellipse">
          <img id="u352_img" class="img " src="images/首页/u352.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u353" class="ax_default" data-left="2858" data-top="1134" data-width="705" data-height="228">

          <!-- Unnamed (矩形) -->
          <div id="u354" class="ax_default box_1">
            <div id="u354_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u355" class="ax_default _图片">
          <img id="u355_img" class="img " src="images/首页/u347.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u356" class="ax_default label">
          <div id="u356_div" class=""></div>
          <div id="u356_text" class="text ">
            <p><span>EWW</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u357" class="ax_default label">
          <div id="u357_div" class=""></div>
          <div id="u357_text" class="text ">
            <p><span>真实中不缺平凡，平凡中又露出伟大，伟大中又影射出真情，真情中表现的又是最真实的社会。这本书只是看见的一小部分，但也清晰地表达了作者的观点。作为新闻记者，要冷静客观，但作为一个人，需要满腔热血。</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u358" class="ax_default box_1">
          <img id="u358_img" class="img " src="images/首页/u350.png"/>
          <div id="u358_text" class="text ">
            <p><span>评论</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u359" class="ax_default box_1">
          <img id="u359_img" class="img " src="images/首页/u350.png"/>
          <div id="u359_text" class="text ">
            <p><span>添加书友</span></p>
          </div>
        </div>

        <!-- Unnamed (心形) -->
        <div id="u360" class="ax_default ellipse">
          <img id="u360_img" class="img " src="images/首页/u352.png"/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u361" class="ax_default" data-left="169" data-top="1995" data-width="751" data-height="1280">

        <!-- Unnamed (矩形) -->
        <div id="u362" class="ax_default box_1">
          <div id="u362_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u363" class="ax_default line">
          <img id="u363_img" class="img " src="images/首页/u60.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u364" class="ax_default _形状">
          <img id="u364_img" class="img " src="images/首页/u67.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u365" class="ax_default" data-left="192" data-top="2012" data-width="31" data-height="22">

          <!-- Unnamed (矩形) -->
          <div id="u366" class="ax_default _形状">
            <div id="u366_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u367" class="ax_default _形状">
            <div id="u367_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u368" class="ax_default _形状">
            <div id="u368_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u369" class="ax_default _形状">
            <div id="u369_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u370" class="ax_default _形状">
            <div id="u370_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u371" class="ax_default _形状">
          <div id="u371_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u372" class="ax_default _形状">
          <div id="u372_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u373" class="ax_default _形状">
          <div id="u373_div" class=""></div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u374" class="ax_default _文本段落" data-label="Header 2">
          <div id="u374_div" class=""></div>
          <div id="u374_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u375" class="ax_default _文本段落" data-label="Header 2">
          <div id="u375_div" class=""></div>
          <div id="u375_text" class="text ">
            <p><span>12:45 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u376" class="ax_default" data-left="177" data-top="3156" data-width="705" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u377" class="ax_default box_1">
            <div id="u377_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u378" class="ax_default" data-left="177" data-top="2169" data-width="705" data-height="372">

          <!-- Unnamed (矩形) -->
          <div id="u379" class="ax_default box_1">
            <div id="u379_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u380" class="ax_default" data-left="177" data-top="2917" data-width="705" data-height="228">

          <!-- Unnamed (矩形) -->
          <div id="u381" class="ax_default box_1">
            <div id="u381_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u382" class="ax_default box_3">
          <div id="u382_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u383" class="ax_default" data-left="212" data-top="2089" data-width="634" data-height="1013">

          <!-- Unnamed (图片) -->
          <div id="u384" class="ax_default _图片">
            <img id="u384_img" class="img " src="images/首页/u384.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u385" class="ax_default _图片">
            <img id="u385_img" class="img " src="images/首页/u385.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u386" class="ax_default label">
          <div id="u386_div" class=""></div>
          <div id="u386_text" class="text ">
            <p><span>1/789</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u387" class="ax_default label">
          <div id="u387_div" class=""></div>
          <div id="u387_text" class="text ">
            <p><span style="text-decoration:underline;">4个笔记</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u388" class="ax_default" data-left="1063" data-top="1995" data-width="751" data-height="1280">

        <!-- Unnamed (矩形) -->
        <div id="u389" class="ax_default box_1">
          <div id="u389_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u390" class="ax_default line">
          <img id="u390_img" class="img " src="images/首页/u60.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u391" class="ax_default _形状">
          <img id="u391_img" class="img " src="images/首页/u67.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u392" class="ax_default" data-left="1086" data-top="2012" data-width="31" data-height="22">

          <!-- Unnamed (矩形) -->
          <div id="u393" class="ax_default _形状">
            <div id="u393_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u394" class="ax_default _形状">
            <div id="u394_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u395" class="ax_default _形状">
            <div id="u395_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u396" class="ax_default _形状">
            <div id="u396_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u397" class="ax_default _形状">
            <div id="u397_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u398" class="ax_default _形状">
          <div id="u398_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u399" class="ax_default _形状">
          <div id="u399_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u400" class="ax_default box_1">
          <div id="u400_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u401" class="ax_default _形状">
          <div id="u401_div" class=""></div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u402" class="ax_default _文本段落" data-label="Header 2">
          <div id="u402_div" class=""></div>
          <div id="u402_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u403" class="ax_default _文本段落" data-label="Header 2">
          <div id="u403_div" class=""></div>
          <div id="u403_text" class="text ">
            <p><span>12:45 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u404" class="ax_default label">
          <div id="u404_div" class=""></div>
          <div id="u404_text" class="text ">
            <p><span>返回</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u405" class="ax_default icon">
          <img id="u405_img" class="img " src="images/首页/u289.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u406" class="ax_default" data-left="1071" data-top="3156" data-width="705" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u407" class="ax_default box_1">
            <div id="u407_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u408" class="ax_default" data-left="1071" data-top="2169" data-width="705" data-height="372">

          <!-- Unnamed (矩形) -->
          <div id="u409" class="ax_default box_1">
            <div id="u409_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u410" class="ax_default" data-left="1071" data-top="2917" data-width="705" data-height="228">

          <!-- Unnamed (矩形) -->
          <div id="u411" class="ax_default box_1">
            <div id="u411_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u412" class="ax_default box_3">
          <div id="u412_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u413" class="ax_default" data-left="1106" data-top="2169" data-width="634" data-height="974">

          <!-- Unnamed (图片) -->
          <div id="u414" class="ax_default _图片">
            <img id="u414_img" class="img " src="images/首页/u384.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u415" class="ax_default _图片">
            <img id="u415_img" class="img " src="images/首页/u385.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u416" class="ax_default label">
          <div id="u416_div" class=""></div>
          <div id="u416_text" class="text ">
            <p><span>1/789</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u417" class="ax_default label">
          <div id="u417_div" class=""></div>
          <div id="u417_text" class="text ">
            <p><span style="text-decoration:underline;">4个笔记</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u418" class="ax_default icon">
          <img id="u418_img" class="img " src="images/首页/u418.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u419" class="ax_default _图片">
          <img id="u419_img" class="img " src="images/首页/u419.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u420" class="ax_default ellipse">
          <img id="u420_img" class="img " src="images/首页/u420.png"/>
          <div id="u420_text" class="text ">
            <p><span>听</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u421" class="ax_default box_1">
          <div id="u421_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u422" class="ax_default" data-left="1171" data-top="3177" data-width="505" data-height="69">

          <!-- Unnamed (形状) -->
          <div id="u423" class="ax_default icon">
            <img id="u423_img" class="img " src="images/首页/u423.png"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u424" class="ax_default icon">
            <img id="u424_img" class="img " src="images/首页/u424.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u425" class="ax_default label">
            <div id="u425_div" class=""></div>
            <div id="u425_text" class="text ">
              <p><span>A</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u426" class="ax_default icon">
            <img id="u426_img" class="img " src="images/首页/u426.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u427" class="ax_default" data-left="1173" data-top="3116" data-width="503" data-height="44">

          <!-- Unnamed (椭圆形) -->
          <div id="u428" class="ax_default ellipse">
            <img id="u428_img" class="img " src="images/首页/u428.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u429" class="ax_default ellipse">
            <img id="u429_img" class="img " src="images/首页/u429.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u430" class="ax_default ellipse">
            <img id="u430_img" class="img " src="images/首页/u430.png"/>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u431" class="ax_default" data-left="1173" data-top="3116" data-width="44" data-height="44">

            <!-- Unnamed (椭圆形) -->
            <div id="u432" class="ax_default ellipse">
              <img id="u432_img" class="img " src="images/首页/u432.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u433" class="ax_default ellipse">
              <img id="u433_img" class="img " src="images/首页/u433.png"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u434" class="ax_default" data-left="1957" data-top="1995" data-width="751" data-height="1280">

        <!-- Unnamed (矩形) -->
        <div id="u435" class="ax_default box_1">
          <div id="u435_div" class=""></div>
        </div>

        <!-- Unnamed (水平线) -->
        <div id="u436" class="ax_default line">
          <img id="u436_img" class="img " src="images/首页/u60.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u437" class="ax_default _形状">
          <img id="u437_img" class="img " src="images/首页/u67.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u438" class="ax_default" data-left="1980" data-top="2012" data-width="31" data-height="22">

          <!-- Unnamed (矩形) -->
          <div id="u439" class="ax_default _形状">
            <div id="u439_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u440" class="ax_default _形状">
            <div id="u440_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u441" class="ax_default _形状">
            <div id="u441_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u442" class="ax_default _形状">
            <div id="u442_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u443" class="ax_default _形状">
            <div id="u443_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u444" class="ax_default _形状">
          <div id="u444_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u445" class="ax_default _形状">
          <div id="u445_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u446" class="ax_default _形状">
          <div id="u446_div" class=""></div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u447" class="ax_default _文本段落" data-label="Header 2">
          <div id="u447_div" class=""></div>
          <div id="u447_text" class="text ">
            <p><span>MUX</span></p>
          </div>
        </div>

        <!-- Header 2 (矩形) -->
        <div id="u448" class="ax_default _文本段落" data-label="Header 2">
          <div id="u448_div" class=""></div>
          <div id="u448_text" class="text ">
            <p><span>12:45 PM</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u449" class="ax_default" data-left="1965" data-top="3156" data-width="705" data-height="19">

          <!-- Unnamed (矩形) -->
          <div id="u450" class="ax_default box_1">
            <div id="u450_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u451" class="ax_default" data-left="1965" data-top="2169" data-width="705" data-height="372">

          <!-- Unnamed (矩形) -->
          <div id="u452" class="ax_default box_1">
            <div id="u452_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u453" class="ax_default" data-left="1965" data-top="2917" data-width="705" data-height="228">

          <!-- Unnamed (矩形) -->
          <div id="u454" class="ax_default box_1">
            <div id="u454_div" class=""></div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u455" class="ax_default box_3">
          <div id="u455_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u456" class="ax_default" data-left="2000" data-top="2089" data-width="634" data-height="1013">

          <!-- Unnamed (图片) -->
          <div id="u457" class="ax_default _图片">
            <img id="u457_img" class="img " src="images/首页/u384.png"/>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u458" class="ax_default _图片">
            <img id="u458_img" class="img " src="images/首页/u385.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u459" class="ax_default label">
          <div id="u459_div" class=""></div>
          <div id="u459_text" class="text ">
            <p><span>1/789</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u460" class="ax_default label">
          <div id="u460_div" class=""></div>
          <div id="u460_text" class="text ">
            <p><span style="text-decoration:underline;">4个笔记</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u461" class="ax_default box_1">
          <img id="u461_img" class="img " src="images/首页/u461.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u462" class="ax_default ellipse">
          <img id="u462_img" class="img " src="images/首页/u462.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u463" class="ax_default ellipse">
          <img id="u463_img" class="img " src="images/首页/u462.png"/>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u464" class="ax_default box_1">
          <img id="u464_img" class="img " src="images/首页/u464.png"/>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u465" class="ax_default" data-left="2149" data-top="2312" data-width="247" data-height="58">

          <!-- Unnamed (组合) -->
          <div id="u466" class="ax_default" data-left="2149" data-top="2312" data-width="64" data-height="58">

            <!-- Unnamed (矩形) -->
            <div id="u467" class="ax_default label">
              <div id="u467_div" class=""></div>
              <div id="u467_text" class="text ">
                <p><span style="text-decoration:underline;">A</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u468" class="ax_default label">
              <div id="u468_div" class=""></div>
              <div id="u468_text" class="text ">
                <p><span>划线</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u469" class="ax_default" data-left="2241" data-top="2318" data-width="64" data-height="51">

            <!-- Unnamed (形状) -->
            <div id="u470" class="ax_default icon">
              <img id="u470_img" class="img " src="images/首页/u470.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u471" class="ax_default label">
              <div id="u471_div" class=""></div>
              <div id="u471_text" class="text ">
                <p><span>写笔记</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u472" class="ax_default" data-left="2332" data-top="2318" data-width="64" data-height="51">

            <!-- Unnamed (形状) -->
            <div id="u473" class="ax_default icon">
              <img id="u473_img" class="img " src="images/首页/u473.png"/>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u474" class="ax_default label">
              <div id="u474_div" class=""></div>
              <div id="u474_text" class="text ">
                <p><span>复制</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u475" class="ax_default image">
        <img id="u475_img" class="img " src="images/首页/u475.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u476" class="ax_default _文本段落" data-label="Header 2">
        <div id="u476_div" class=""></div>
        <div id="u476_text" class="text ">
          <p><span>点击其中一个模块，进入模块页面（以热销为例）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u477" class="ax_default" data-left="207" data-top="125" data-width="30" data-height="177">

        <!-- Unnamed (组合) -->
        <div id="u478" class="ax_default" data-left="207" data-top="125" data-width="30" data-height="177">

          <!-- Unnamed (水平线) -->
          <div id="u479" class="ax_default _水平线">
            <img id="u479_img" class="img " src="images/首页/u479.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u480" class="ax_default _形状">
            <div id="u480_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u481" class="ax_default _形状">
            <div id="u481_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u482" class="ax_default _文本段落" data-label="Header 2">
        <div id="u482_div" class=""></div>
        <div id="u482_text" class="text ">
          <p><span>通过“扫一扫”实体书二维码可快速搜索对应的图书</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u483" class="ax_default" data-left="639" data-top="125" data-width="30" data-height="177">

        <!-- Unnamed (组合) -->
        <div id="u484" class="ax_default" data-left="639" data-top="125" data-width="30" data-height="177">

          <!-- Unnamed (水平线) -->
          <div id="u485" class="ax_default _水平线">
            <img id="u485_img" class="img " src="images/首页/u479.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u486" class="ax_default _形状">
            <div id="u486_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u487" class="ax_default _形状">
            <div id="u487_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u488" class="ax_default _文本段落" data-label="Header 2">
        <div id="u488_div" class=""></div>
        <div id="u488_text" class="text ">
          <p><span>通过“搜索”书名/作者/出版社等快速搜索到对应的图书</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u489" class="ax_default" data-left="795" data-top="448" data-width="177" data-height="30">

        <!-- Unnamed (组合) -->
        <div id="u490" class="ax_default" data-left="795" data-top="448" data-width="177" data-height="30">

          <!-- Unnamed (水平线) -->
          <div id="u491" class="ax_default _水平线">
            <img id="u491_img" class="img " src="images/首页/u479.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u492" class="ax_default _形状">
            <div id="u492_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u493" class="ax_default _形状">
            <div id="u493_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u494" class="ax_default _文本段落" data-label="Header 2">
        <div id="u494_div" class=""></div>
        <div id="u494_text" class="text ">
          <p><span>app推荐的书籍等（轮播图）</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u495" class="ax_default" data-left="255" data-top="1489" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u496" class="ax_default" data-left="255" data-top="1489" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u497" class="ax_default _水平线">
            <img id="u497_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u498" class="ax_default _形状">
            <div id="u498_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u499" class="ax_default _形状">
            <div id="u499_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u500" class="ax_default _文本段落" data-label="Header 2">
        <div id="u500_div" class=""></div>
        <div id="u500_text" class="text ">
          <p><span>首页</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u501" class="ax_default" data-left="425" data-top="1489" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u502" class="ax_default" data-left="425" data-top="1489" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u503" class="ax_default _水平线">
            <img id="u503_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u504" class="ax_default _形状">
            <div id="u504_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u505" class="ax_default _形状">
            <div id="u505_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u506" class="ax_default _文本段落" data-label="Header 2">
        <div id="u506_div" class=""></div>
        <div id="u506_text" class="text ">
          <p><span>书架</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u507" class="ax_default" data-left="601" data-top="1489" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u508" class="ax_default" data-left="601" data-top="1489" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u509" class="ax_default _水平线">
            <img id="u509_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u510" class="ax_default _形状">
            <div id="u510_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u511" class="ax_default _形状">
            <div id="u511_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u512" class="ax_default _文本段落" data-label="Header 2">
        <div id="u512_div" class=""></div>
        <div id="u512_text" class="text ">
          <p><span>书友</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u513" class="ax_default" data-left="778" data-top="1489" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u514" class="ax_default" data-left="778" data-top="1489" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u515" class="ax_default _水平线">
            <img id="u515_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u516" class="ax_default _形状">
            <div id="u516_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u517" class="ax_default _形状">
            <div id="u517_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u518" class="ax_default _文本段落" data-label="Header 2">
        <div id="u518_div" class=""></div>
        <div id="u518_text" class="text ">
          <p><span>个人中心</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u519" class="ax_default _连接线">
        <img id="u519_seg0" class="img " src="images/首页/u519_seg0.png" alt="u519_seg0"/>
        <img id="u519_seg1" class="img " src="images/首页/u519_seg1.png" alt="u519_seg1"/>
        <img id="u519_seg2" class="img " src="images/首页/u519_seg2.png" alt="u519_seg2"/>
        <div id="u519_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u520" class="ax_default _连接线">
        <img id="u520_seg0" class="img " src="images/首页/u520_seg0.png" alt="u520_seg0"/>
        <img id="u520_seg1" class="img " src="images/首页/u519_seg2.png" alt="u520_seg1"/>
        <div id="u520_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u521" class="ax_default image">
        <img id="u521_img" class="img " src="images/首页/u475.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u522" class="ax_default _文本段落" data-label="Header 2">
        <div id="u522_div" class=""></div>
        <div id="u522_text" class="text ">
          <p><span>点击“筛选”可根据年份、语言、热销类型以及书本性质进行快速选择</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u523" class="ax_default" data-left="1827" data-top="666" data-width="177" data-height="30">

        <!-- Unnamed (组合) -->
        <div id="u524" class="ax_default" data-left="1827" data-top="666" data-width="177" data-height="30">

          <!-- Unnamed (水平线) -->
          <div id="u525" class="ax_default _水平线">
            <img id="u525_img" class="img " src="images/首页/u479.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u526" class="ax_default _形状">
            <div id="u526_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u527" class="ax_default _形状">
            <div id="u527_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u528" class="ax_default _文本段落" data-label="Header 2">
        <div id="u528_div" class=""></div>
        <div id="u528_text" class="text ">
          <p><span>轻触即可选中，选中为绿色，未选中为灰色</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u529" class="ax_default image">
        <img id="u529_img" class="img " src="images/首页/u475.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u530" class="ax_default _文本段落" data-label="Header 2">
        <div id="u530_div" class=""></div>
        <div id="u530_text" class="text ">
          <p><span>点击恢复默认初始状态</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u531" class="ax_default _连接线">
        <img id="u531_seg0" class="img " src="images/首页/u531_seg0.png" alt="u531_seg0"/>
        <img id="u531_seg1" class="img " src="images/首页/u531_seg1.png" alt="u531_seg1"/>
        <img id="u531_seg2" class="img " src="images/首页/u519_seg2.png" alt="u531_seg2"/>
        <div id="u531_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u532" class="ax_default image">
        <img id="u532_img" class="img " src="images/首页/u475.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u533" class="ax_default _文本段落" data-label="Header 2">
        <div id="u533_div" class=""></div>
        <div id="u533_text" class="text ">
          <p><span>点击完成筛选</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u534" class="ax_default _连接线">
        <img id="u534_seg0" class="img " src="images/首页/u534_seg0.png" alt="u534_seg0"/>
        <img id="u534_seg1" class="img " src="images/首页/u534_seg1.png" alt="u534_seg1"/>
        <img id="u534_seg2" class="img " src="images/首页/u534_seg2.png" alt="u534_seg2"/>
        <div id="u534_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u535" class="ax_default _连接线">
        <img id="u535_seg0" class="img " src="images/首页/u535_seg0.png" alt="u535_seg0"/>
        <img id="u535_seg1" class="img " src="images/首页/u535_seg1.png" alt="u535_seg1"/>
        <img id="u535_seg2" class="img " src="images/首页/u535_seg2.png" alt="u535_seg2"/>
        <img id="u535_seg3" class="img " src="images/首页/u535_seg3.png" alt="u535_seg3"/>
        <div id="u535_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u536" class="ax_default image">
        <img id="u536_img" class="img " src="images/首页/u475.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u537" class="ax_default _文本段落" data-label="Header 2">
        <div id="u537_div" class=""></div>
        <div id="u537_text" class="text ">
          <p><span>点击进入该书籍详情页面</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u538" class="ax_default" data-left="3549" data-top="299" data-width="177" data-height="30">

        <!-- Unnamed (组合) -->
        <div id="u539" class="ax_default" data-left="3549" data-top="299" data-width="177" data-height="30">

          <!-- Unnamed (水平线) -->
          <div id="u540" class="ax_default _水平线">
            <img id="u540_img" class="img " src="images/首页/u479.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u541" class="ax_default _形状">
            <div id="u541_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u542" class="ax_default _形状">
            <div id="u542_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u543" class="ax_default _文本段落" data-label="Header 2">
        <div id="u543_div" class=""></div>
        <div id="u543_text" class="text ">
          <p><span>可将该书分享至书友</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u544" class="ax_default _连接线">
        <img id="u544_seg0" class="img " src="images/首页/u544_seg0.png" alt="u544_seg0"/>
        <img id="u544_seg1" class="img " src="images/首页/u544_seg1.png" alt="u544_seg1"/>
        <img id="u544_seg2" class="img " src="images/首页/u544_seg2.png" alt="u544_seg2"/>
        <img id="u544_seg3" class="img " src="images/首页/u544_seg3.png" alt="u544_seg3"/>
        <img id="u544_seg4" class="img " src="images/首页/u544_seg4.png" alt="u544_seg4"/>
        <img id="u544_seg5" class="img " src="images/首页/u535_seg3.png" alt="u544_seg5"/>
        <div id="u544_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u545" class="ax_default" data-left="3429" data-top="567" data-width="297" data-height="30">

        <!-- Unnamed (组合) -->
        <div id="u546" class="ax_default" data-left="3429" data-top="567" data-width="297" data-height="30">

          <!-- Unnamed (水平线) -->
          <div id="u547" class="ax_default _水平线">
            <img id="u547_img" class="img " src="images/首页/u547.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u548" class="ax_default _形状">
            <div id="u548_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u549" class="ax_default _形状">
            <div id="u549_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u550" class="ax_default _文本段落" data-label="Header 2">
        <div id="u550_div" class=""></div>
        <div id="u550_text" class="text ">
          <p><span>点击可将该书加入清单</span></p><p><span>“我的清单”在个人中心页面可查看详情</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u551" class="ax_default" data-left="3295" data-top="599" data-width="431" data-height="145">

        <!-- Unnamed (组合) -->
        <div id="u552" class="ax_default" data-left="3295" data-top="599" data-width="431" data-height="145">

          <!-- Unnamed (水平线) -->
          <div id="u553" class="ax_default _水平线">
            <img id="u553_img" class="img " src="images/首页/u553.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u554" class="ax_default _形状">
            <div id="u554_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u555" class="ax_default _形状">
            <div id="u555_div" class=""></div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u556" class="ax_default _水平线">
            <img id="u556_img" class="img " src="images/首页/u556.png"/>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u557" class="ax_default _文本段落" data-label="Header 2">
        <div id="u557_div" class=""></div>
        <div id="u557_text" class="text ">
          <p><span>点击直接进入实体书付款页面</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u558" class="ax_default" data-left="2769" data-top="600" data-width="359" data-height="43">

        <!-- Unnamed (组合) -->
        <div id="u559" class="ax_default" data-left="2769" data-top="600" data-width="359" data-height="43">

          <!-- Unnamed (水平线) -->
          <div id="u560" class="ax_default _水平线">
            <img id="u560_img" class="img " src="images/首页/u560.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u561" class="ax_default _形状">
            <div id="u561_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u562" class="ax_default _形状">
            <div id="u562_div" class=""></div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u563" class="ax_default _水平线">
            <img id="u563_img" class="img " src="images/首页/u563.png"/>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u564" class="ax_default _文本段落" data-label="Header 2">
        <div id="u564_div" class=""></div>
        <div id="u564_text" class="text ">
          <p><span>点击直接进入电子书付款页面</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u565" class="ax_default" data-left="2744" data-top="787" data-width="297" data-height="30">

        <!-- Unnamed (组合) -->
        <div id="u566" class="ax_default" data-left="2744" data-top="787" data-width="297" data-height="30">

          <!-- Unnamed (水平线) -->
          <div id="u567" class="ax_default _水平线">
            <img id="u567_img" class="img " src="images/首页/u547.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u568" class="ax_default _形状">
            <div id="u568_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u569" class="ax_default _形状">
            <div id="u569_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u570" class="ax_default _文本段落" data-label="Header 2">
        <div id="u570_div" class=""></div>
        <div id="u570_text" class="text ">
          <p><span>若显示全为灰色时，可为该书评分，评分后则显示您的评分</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u571" class="ax_default" data-left="3515" data-top="1403" data-width="297" data-height="30">

        <!-- Unnamed (组合) -->
        <div id="u572" class="ax_default" data-left="3515" data-top="1403" data-width="297" data-height="30">

          <!-- Unnamed (水平线) -->
          <div id="u573" class="ax_default _水平线">
            <img id="u573_img" class="img " src="images/首页/u547.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u574" class="ax_default _形状">
            <div id="u574_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u575" class="ax_default _形状">
            <div id="u575_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u576" class="ax_default _文本段落" data-label="Header 2">
        <div id="u576_div" class=""></div>
        <div id="u576_text" class="text ">
          <p><span>点击可将该书加入书架，且页面跳转至书架页面</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u577" class="ax_default image">
        <img id="u577_img" class="img " src="images/首页/u475.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u578" class="ax_default _文本段落" data-label="Header 2">
        <div id="u578_div" class=""></div>
        <div id="u578_text" class="text ">
          <p><span>点击进入听书页面（部分书籍无此功能，则此时按钮为灰）</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u579" class="ax_default _连接线">
        <img id="u579_seg0" class="img " src="images/首页/u579_seg0.png" alt="u579_seg0"/>
        <img id="u579_seg1" class="img " src="images/首页/u579_seg1.png" alt="u579_seg1"/>
        <img id="u579_seg2" class="img " src="images/首页/u579_seg2.png" alt="u579_seg2"/>
        <img id="u579_seg3" class="img " src="images/首页/u579_seg3.png" alt="u579_seg3"/>
        <img id="u579_seg4" class="img " src="images/首页/u535_seg3.png" alt="u579_seg4"/>
        <div id="u579_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u580" class="ax_default image">
        <img id="u580_img" class="img " src="images/首页/u475.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u581" class="ax_default _文本段落" data-label="Header 2">
        <div id="u581_div" class=""></div>
        <div id="u581_text" class="text ">
          <p><span>点击进入书籍内容页面，可免费试读非付费部分</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u582" class="ax_default" data-left="785" data-top="3246" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u583" class="ax_default" data-left="785" data-top="3246" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u584" class="ax_default _水平线">
            <img id="u584_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u585" class="ax_default _形状">
            <div id="u585_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u586" class="ax_default _形状">
            <div id="u586_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u587" class="ax_default _文本段落" data-label="Header 2">
        <div id="u587_div" class=""></div>
        <div id="u587_text" class="text ">
          <p><span>书总页数及阅读进度</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u588" class="ax_default" data-left="233" data-top="3246" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u589" class="ax_default" data-left="233" data-top="3246" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u590" class="ax_default _水平线">
            <img id="u590_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u591" class="ax_default _形状">
            <div id="u591_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u592" class="ax_default _形状">
            <div id="u592_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u593" class="ax_default _文本段落" data-label="Header 2">
        <div id="u593_div" class=""></div>
        <div id="u593_text" class="text ">
          <p><span>其他用户所写的笔记</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u594" class="ax_default _连接线">
        <img id="u594_seg0" class="img " src="images/首页/u594_seg0.png" alt="u594_seg0"/>
        <img id="u594_seg1" class="img " src="images/首页/u519_seg2.png" alt="u594_seg1"/>
        <div id="u594_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u595" class="ax_default image">
        <img id="u595_img" class="img " src="images/首页/u475.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u596" class="ax_default _文本段落" data-label="Header 2">
        <div id="u596_div" class=""></div>
        <div id="u596_text" class="text ">
          <p><span>轻点页面可调节页面亮度，字体大小，模式，加入书架，加入清单，分享等</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u597" class="ax_default" data-left="718" data-top="3044" data-width="117" data-height="74">

        <!-- Unnamed (图片) -->
        <div id="u598" class="ax_default image">
          <img id="u598_img" class="img " src="images/首页/u598.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u599" class="ax_default image">
          <img id="u599_img" class="img " src="images/首页/u599.png"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u600" class="ax_default image">
          <img id="u600_img" class="img " src="images/首页/u598.png"/>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u601" class="ax_default _文本段落" data-label="Header 2">
        <div id="u601_div" class=""></div>
        <div id="u601_text" class="text ">
          <p><span>左右滑动可切换书籍页数</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u602" class="ax_default" data-left="1172" data-top="3246" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u603" class="ax_default" data-left="1172" data-top="3246" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u604" class="ax_default _水平线">
            <img id="u604_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u605" class="ax_default _形状">
            <div id="u605_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u606" class="ax_default _形状">
            <div id="u606_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u607" class="ax_default _文本段落" data-label="Header 2">
        <div id="u607_div" class=""></div>
        <div id="u607_text" class="text ">
          <p><span>开启夜间模式</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u608" class="ax_default" data-left="1331" data-top="3246" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u609" class="ax_default" data-left="1331" data-top="3246" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u610" class="ax_default _水平线">
            <img id="u610_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u611" class="ax_default _形状">
            <div id="u611_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u612" class="ax_default _形状">
            <div id="u612_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u613" class="ax_default _文本段落" data-label="Header 2">
        <div id="u613_div" class=""></div>
        <div id="u613_text" class="text ">
          <p><span>调节阅读屏幕亮度</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u614" class="ax_default" data-left="1490" data-top="3246" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u615" class="ax_default" data-left="1490" data-top="3246" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u616" class="ax_default _水平线">
            <img id="u616_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u617" class="ax_default _形状">
            <div id="u617_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u618" class="ax_default _形状">
            <div id="u618_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u619" class="ax_default _文本段落" data-label="Header 2">
        <div id="u619_div" class=""></div>
        <div id="u619_text" class="text ">
          <p><span>调节阅读字体大小</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u620" class="ax_default" data-left="1643" data-top="3246" data-width="30" data-height="85">

        <!-- Unnamed (组合) -->
        <div id="u621" class="ax_default" data-left="1643" data-top="3246" data-width="30" data-height="85">

          <!-- Unnamed (水平线) -->
          <div id="u622" class="ax_default _水平线">
            <img id="u622_img" class="img " src="images/首页/u497.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u623" class="ax_default _形状">
            <div id="u623_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u624" class="ax_default _形状">
            <div id="u624_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u625" class="ax_default _文本段落" data-label="Header 2">
        <div id="u625_div" class=""></div>
        <div id="u625_text" class="text ">
          <p><span>打开菜单栏</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u626" class="ax_default _形状">
        <img id="u626_img" class="img " src="images/首页/u626.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u627" class="ax_default" data-left="1013" data-top="3136" data-width="135" data-height="195">

        <!-- Unnamed (组合) -->
        <div id="u628" class="ax_default" data-left="1013" data-top="3136" data-width="135" data-height="195">

          <!-- Unnamed (水平线) -->
          <div id="u629" class="ax_default _水平线">
            <img id="u629_img" class="img " src="images/首页/u629.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u630" class="ax_default _形状">
            <div id="u630_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u631" class="ax_default _形状">
            <div id="u631_div" class=""></div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u632" class="ax_default _水平线">
            <img id="u632_img" class="img " src="images/首页/u632.png"/>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u633" class="ax_default _文本段落" data-label="Header 2">
        <div id="u633_div" class=""></div>
        <div id="u633_text" class="text ">
          <p><span>选择阅读页面背景</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u634" class="ax_default" data-left="1471" data-top="1937" data-width="48" data-height="165">

        <!-- Unnamed (组合) -->
        <div id="u635" class="ax_default" data-left="1471" data-top="1937" data-width="48" data-height="165">

          <!-- Unnamed (水平线) -->
          <div id="u636" class="ax_default _水平线">
            <img id="u636_img" class="img " src="images/首页/u636.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u637" class="ax_default _形状">
            <div id="u637_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u638" class="ax_default _形状">
            <div id="u638_div" class=""></div>
          </div>

          <!-- Unnamed (水平线) -->
          <div id="u639" class="ax_default _水平线">
            <img id="u639_img" class="img " src="images/首页/u639.png"/>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u640" class="ax_default _文本段落" data-label="Header 2">
        <div id="u640_div" class=""></div>
        <div id="u640_text" class="text ">
          <p><span>切换至听书模式</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u641" class="ax_default" data-left="1576" data-top="1937" data-width="30" data-height="135">

        <!-- Unnamed (组合) -->
        <div id="u642" class="ax_default" data-left="1576" data-top="1937" data-width="30" data-height="135">

          <!-- Unnamed (水平线) -->
          <div id="u643" class="ax_default _水平线">
            <img id="u643_img" class="img " src="images/首页/u643.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u644" class="ax_default _形状">
            <div id="u644_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u645" class="ax_default _形状">
            <div id="u645_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u646" class="ax_default _文本段落" data-label="Header 2">
        <div id="u646_div" class=""></div>
        <div id="u646_text" class="text ">
          <p><span>加入书架</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u647" class="ax_default" data-left="1679" data-top="1937" data-width="30" data-height="135">

        <!-- Unnamed (组合) -->
        <div id="u648" class="ax_default" data-left="1679" data-top="1937" data-width="30" data-height="135">

          <!-- Unnamed (水平线) -->
          <div id="u649" class="ax_default _水平线">
            <img id="u649_img" class="img " src="images/首页/u643.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u650" class="ax_default _形状">
            <div id="u650_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u651" class="ax_default _形状">
            <div id="u651_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u652" class="ax_default _文本段落" data-label="Header 2">
        <div id="u652_div" class=""></div>
        <div id="u652_text" class="text ">
          <p><span>加入清单</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u653" class="ax_default _文本段落" data-label="Header 2">
        <div id="u653_div" class=""></div>
        <div id="u653_text" class="text ">
          <p><span>分享至书友</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u654" class="ax_default" data-left="1753" data-top="1932" data-width="73" data-height="165">

        <!-- Unnamed (组合) -->
        <div id="u655" class="ax_default" data-left="1753" data-top="1932" data-width="73" data-height="165">

          <!-- Unnamed (水平线) -->
          <div id="u656" class="ax_default _水平线">
            <img id="u656_img" class="img " src="images/首页/u636.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u657" class="ax_default _形状">
            <div id="u657_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u658" class="ax_default _形状">
            <div id="u658_div" class=""></div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u659" class="ax_default _水平线">
            <img id="u659_img" class="img " src="images/首页/u659.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u660" class="ax_default _连接线">
        <img id="u660_seg0" class="img " src="images/首页/u660_seg0.png" alt="u660_seg0"/>
        <img id="u660_seg1" class="img " src="images/首页/u660_seg1.png" alt="u660_seg1"/>
        <img id="u660_seg2" class="img " src="images/首页/u660_seg2.png" alt="u660_seg2"/>
        <img id="u660_seg3" class="img " src="images/首页/u660_seg3.png" alt="u660_seg3"/>
        <img id="u660_seg4" class="img " src="images/首页/u660_seg4.png" alt="u660_seg4"/>
        <img id="u660_seg5" class="img " src="images/首页/u660_seg5.png" alt="u660_seg5"/>
        <img id="u660_seg6" class="img " src="images/首页/u534_seg2.png" alt="u660_seg6"/>
        <div id="u660_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u661" class="ax_default image">
        <img id="u661_img" class="img " src="images/首页/u661.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u662" class="ax_default _文本段落" data-label="Header 2">
        <div id="u662_div" class=""></div>
        <div id="u662_text" class="text ">
          <p><span>长按某处的文字，并进行选择，将弹出处理选中文字的窗口</span></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u663" class="ax_default _连接线">
        <img id="u663_seg0" class="img " src="images/首页/u663_seg0.png" alt="u663_seg0"/>
        <img id="u663_seg1" class="img " src="images/首页/u519_seg2.png" alt="u663_seg1"/>
        <div id="u663_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>
    </div>
  </body>
</html>
